body {
    background:#202020;
}
.navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
    font-size: 20px;
  }
  
  .navbar-item {
    align-items: center;
    flex: 1;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    .navbar-item {
        flex: none;
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #636060;
    } 
    .navbar-item:last-child {
        border-bottom: none;
    }   
}
  .navbar .label {
    /* font-weight: bold; */
    margin-right: 5px;
  }
  
  .navbar .value {
    color: #FFF;
    font-size: 24px;
    font-weight: 700; /* Yellow color */
  }
  
  .navbar .percentage {
    margin-left: 5px;
    color: #00ff00; /* Green color */
  }
.balance-stat-container {
    color: #FFF;
}
.balance-stat-container h2 {
    font-size: 22px;
    margin-bottom: 10px;
}
.balance-stat-container h3 {
    font-size: 22px;
    margin-bottom: 10px;
}
.balance-stat-container span {
    color: #E2FF00;
}
.most-popular .mls-item-override {
    background:#2d2d2d;
    font-family: "Poppins", sans-serif;
    color:#fff;
    border:1px solid #636060;
    padding: 15px;
    border-radius: 23px;

}
.mls-item-override .bot-headline {
    display: flex; 
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.mls-item-override .alert {
    font-size: 14px;
    border-radius: 0.5rem;
}
.mls-item-override .bot-title {
    color:#fff;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
}
.mls-item-override .bot-no {
    color: #E2FF00;
    background-color: #212121;
    display: inline-block;
    padding: 15px 10px;
    border-radius: 20%;
    margin-right: 5px;
    font-weight: 700;
}
.most-popular .mls-item-override span.bot-status {
    color :#FFF;
    margin-top: 7px;
    width: 80px;
    padding: 8px;
    display: inline-block;
    font-weight: 700;
}

.bot-info-container {
    display: flex;
    flex-direction: column;
    width: 100%; /* Adjust as needed */
    font-size: 14px;
}
.bot-info-container .flex-row {
    display: flex;
    flex-direction: row;
}

.bot-info-container .flex-row:last-child {
    border-bottom: none; /* Remove border from the last row */
}

.bot-info-container .flex-cell {
    flex: 1; /* Cells take equal width */
    padding: 5px 10px; /* Adjust padding as needed */
 
}

.bot-info-container .flex-cell:last-child {
    border-right: none; /* Remove border from the last cell */
}

.bot-info-container label {
    color: #969696;
}


.mls-item-override .bg-success {
    background-color: #406055 !important;
    color: #11CF8B !important;
}

.mls-item-override .bg-danger {
    background-color: #5C3A3A !important;
    color: #FF6B6B !important;
}
.mls-item-override .bg-warning {
    background-color: #5C4A3A !important;
    color: #FFC76B !important;
}
.mls-item-override  .alert-warning {
    background-color: #5C4A3A !important;
    color: #FFC76B !important;
}
.mls-item-override  .alert-warning span {
    color: #FFC76B !important;
}
.btn-ci-mls {
    color: #2D2D2D;
    background-color:#E2FF00 ;
    border: none;
    border: 1px solid #E2FF00;
}

.btn-ci-mls:hover {
    background-color:#F1FF83 ;
}
.btn-ci-mls2 {
    color: #FFF;
    background-color:#2D2D2D ;
    border: none;
    border: 1px solid #E2FF00;
}
.btn-ci-mls2:hover {
    background-color:#3D3D3D ;
    color: #FFF;
}
.btn-ci-mls3 {
    color: #2D2D2D;
    background-color:#f1ff83 ;
    border: none;
    border: 1px solid #f1ff83;
}

.btn-ci-mls3:hover {
    background-color:#e1ff00e0 ;
}
.btn-ci-mls3:disabled {
    background-color:#d3d3d3 ;
    color: #2D2D2D;
    border: 1px solid #d3d3d3;
}
.btn-ci-mls i {
    margin-right: 3px;
}
.bot-start-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.bot-start-container button {
    display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px; /* Button padding */
  font-size: 16px; /* Font size */
  color: #333; /* Text color */
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color 0.3s ease;
  flex-basis: calc(50% - 5px);
  font-weight: bold;
  border-radius: 0.5rem !important;
}
.bot-config-container {
    display: flex;
    width: 100%; /* Adjust as needed */
    font-size: 12px;
    /* justify-content: space-between; */
    margin-bottom: 10px;
    gap: 10px;
}
.bot-config-container button {
    font-size: 14px;
}

.more-config-container {
    position: relative;
}

.form-check-input,.form-switch {
    cursor: pointer;
}
.addition-config-container button {
    font-size: 12px;
    min-width: 100px;
}

.embeded-mls-container .modal-content {
    background-color: #2d2d2d;
    color: #FFF;
    border: #636060 1px solid;
}
.embeded-mls-container .modal-title {
    color: #FFF;
}
.embeded-mls-container .modal-body .form-group {
    margin-bottom: 10px;
}
.embeded-mls-container .modal-body label {
    font-size: 14px;
}
.embeded-mls-container .modal-body input, .embeded-mls-container .modal-body textarea {
    background-color: #323232;
    color: #FFF;
    border: #636060 1px solid;
}
.embeded-mls-container .modal-body .btn {
 font-size: 14px;
}
.btn-close {
    color: #FFF;
    background-color: #E9E9E9;
    border: 1px solid #636060;
    opacity: 1;
}
.btn-close:hover {
    background-color: #FFF;
}

.mls-start-bot-btn {
	background-color:#44c767;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	padding:8px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
    transition: all 0.3s;
}
.mls-start-bot-btn:hover {
    color:#ffffff;
	background-color:#20a744;
}
.mls-start-bot-btn:active {
	position:relative;
	top:1px;
}
.mls-stop-bot-btn i,.mls-start-bot-btn i {
    margin-right: 5px;
}

.mls-stop-bot-btn {
    background-color:#bf2a5c;
    border-radius:28px;
    border:1px solid #ab2918;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    padding:8px 31px;
    text-decoration:none;
    text-shadow:0px 1px 0px #66270f;
    transition: all 0.3s;
}
.mls-stop-bot-btn:hover {
    color:#ffffff;
    background-color:#ad053d;
}
.mls-stop-bot-btn:active {
    position:relative;
    top:1px;
}


.config-button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;* Dark background color */
    border: 1px solid #333; /* Border color to match background */
    align-items: center;
  }
  @media screen and (max-width: 768px) {
    .config-button-group {
        font-size: 12px;
    }
}
  .running-order-container {
    flex-basis: calc(33.333% - 2px);
    text-align: center;
  }
  .config-button {
    flex-basis: calc(33.333% - 0px); /* 2px to account for borders */
    height: 60px;
    background: #6E6D70;
    box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1), inset 0px 0.5px 0.5px rgba(255, 255, 255, 0.5), 0px 0px 0px 0.5px rgba(0, 0, 0, 0.12);
    color: #DFDEDF;
	/* border:1px solid #dcdcdc; */
    box-sizing: border-box;
    text-align: center;
    font-family: Arial, sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s;
  }
  .config-button:hover,
  .config-button:focus {
    background-color: #585858;
  }
  .config-button span {
    color:#FFF !important;
    font-weight: bold !important;
  }
  .config-button .value {
    color: #E2FF00 !important; /* Yellow color for value text */
    font-size: 18px; /* Adjust font size as needed */
    margin-top: 5px;
  }
  .alert-warning {
    margin-top: 10px;
  }
  .btn-more-config {
    position: relative;
  }
  .btn-more-config i {
    position: absolute;
    top: 5px;
    right: 5px;
    color: rgb(196, 55, 0);
  }

  .mls-card {
    padding: 1rem;
    background-color: rgb(45 45 45);
    border-color: rgb(99 96 96);
    border-width: 2px;
    border-style: solid;
    border-radius: 0.75rem;
    min-height: 80px;
    height: 100%;
  }

  .mls-card .mls-card-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: rgb(255 255 255);
    font-weight: 500;
  }

  .mls-card .mls-card-content {
    font-size: 1.5rem;
    line-height: 2rem;
    color: rgb(255 255 255);
    font-weight: 700;
  }